//js能干吗？
    //1、ES JavaScript的核心
    function updateName() {
        //弹出窗口
        // alert("1");
        //方法体
        console.log('🤡 CC - updateName已执行');
        //修改按钮文字
        console.log('🤡 CC - updateName - btn:',btn.textContent);
        btn.textContent = "确定";
        console.log('🤡 CC - updateName - btn:',btn.textContent);
    }

    let span1 = document.getElementById("span1");
    function changState() {
        let text = span1.textContent;
        console.log('🤡 CC - changState - text:',text);
        if(text == "☀"){
            span1.textContent = "🌙";
            btn2.textContent = "切换日间模式";
        }else{
            span1.textContent = "☀";
            btn2.textContent = "切换夜间模式";
        }
    }
    //2、DOM  文档对象模型
    // document
    //3、BOM  浏览器对象模型
     //根据元素的id去寻找元素
    let btn = document.getElementById("btn1");
    console.log('CC - btn:',btn);
    // console.log(document.getElementById("btn1"))
     //浏览器的控制台输出
    btn.addEventListener("click",updateName);
    // console.log("document:",document);
      //浏览器的弹窗输出
    // alert("document:"+document);


     //根据元素的id去寻找元素
    let btn2 = document.getElementById("btn2");
    btn2.addEventListener("click",changState);